<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/meiPai.index.css">
</head>

<body>
    <!-- 头部 -->
    <header class="header">
        <div class="w">
            <!-- 左边logo -->
            <a href="./index.html" class="h_left">
                <h1>
                    <img src="images/logo.png" alt="图片">
                </h1>
            </a>
            <i><img src="images/web.png" alt="图片"></i>
            <!-- 被隐藏的盒子 -->
            <div class="box1">
                <span>频道</span>
            </div>
            <div class="box1_x">
            </div>
            <!-- 中间搜索框 -->
            <div class="box2">
                <input type="search" placeholder="搜索 内容/用户/话题">
                <button></button>
            </div>
            <!-- 右边登陆栏 -->
            <div class="box3">
                <a href="javascript:;">登录</a>
                <button>上传</button>
            </div>
        </div>
    </header>
    <!-- 头部下面的tab栏 -->
    <div class="tab_1">
        <div class="w">
            <ul>
                <li class="click"><a href="javascript:;">首页</a></li>
                <li><a href="javascript:;">热门</a></li>
                <li><a href="javascript:;">直播</a></li>
                <li><a href="javascript:;">搞笑</a></li>
                <li><a href="javascript:;">爱豆</a></li>
                <li><a href="javascript:;">高颜值</a></li>
                <li><a href="javascript:;">舞蹈</a></li>
                <li><a href="javascript:;">音乐</a></li>
                <li><a href="javascript:;">美食</a></li>
                <li><a href="javascript:;">美妆</a></li>
                <li><a href="javascript:;">吃秀</a></li>
                <li><a href="javascript:;">萌宠</a></li>
                <li><a href="javascript:;">旅行</a></li>
                <li><a href="javascript:;">手工</a></li>
                <li><a href="javascript:;">游戏</a></li>
                <li><a href="javascript:;">运动</a></li>
                <li><a href="javascript:;">穿秀</a></li>
            </ul>
        </div>
    </div>
    <!-- tab下面的颜色边框(?) -->
    <div class="tab_bottom"></div>
    <!-- 主体 -->
    <div class="w">
        <div class="body_0">
            <!-- 主体第一部分 -->
            <div class="body_1">
                <div class="body_1_hd">
                    <a href="javascript:;">热门</a>
                </div>
                <div class="body_1_bd">
                    <ul>
                        <li>
                            <div class="b_1_bd_hd">
                                <img src="images/focus.jpg" alt="图片">
                                <a href="javascript:;">
                                    <i></i>
                                    <span>文字文字文字文字文字文字文字文字文字</span>
                                </a>
                            </div>
                            <div class="b_1_bd_bd">
                                <span></span>
                                <span>主播的名字</span>
                                <span> 666</span>
                                <span>66</span>
                            </div>
                        </li>
                        <li>
                            <div class="b_1_bd_hd">
                                <img src="images/sprites.png" alt="图片">
                                <a href="javascript:;">
                                    <i></i>
                                    <span>文字文字文字文字文字文字文字文字文字</span>
                                </a>
                            </div>
                            <div class="b_1_bd_bd">
                                <span></span>
                                <span>主播的名字</span>
                                <span> 666</span>
                                <span>66</span>
                            </div>
                        </li>
                        <li>
                            <div class="b_1_bd_hd">
                                <img src="images/func_01.jpg" alt="图片">
                                <a href="javascript:;">
                                    <i></i>
                                    <span>文字文字文字文字文字文字文字文字文字</span>
                                </a>
                            </div>
                            <div class="b_1_bd_bd">
                                <span></span>
                                <span>主播的名字</span>
                                <span> 666</span>
                                <span>66</span>
                            </div>
                        </li>
                        <li>
                            <div class="b_1_bd_hd">
                                <img src="images/func_02.jpg" alt="图片">
                                <a href="javascript:;">
                                    <i></i>
                                    <span>文字文字文字文字文字文字文字文字文字</span>
                                </a>
                            </div>
                            <div class="b_1_bd_bd">
                                <span></span>
                                <span>主播的名字</span>
                                <span> 666</span>
                                <span>66</span>
                            </div>
                        </li>
                        <li>
                            <div class="b_1_bd_hd">
                                <img src="images/func_03.jpg" alt="图片">
                                <a href="javascript:;">
                                    <i></i>
                                    <span>文字文字文字文字文字文字文字文字文字</span>
                                </a>
                            </div>
                            <div class="b_1_bd_bd">
                                <span></span>
                                <span>主播的名字</span>
                                <span> 666</span>
                                <span>66</span>
                            </div>
                        </li>
                        <li>
                            <div class="b_1_bd_hd">
                                <img src="images/func_04.jpg" alt="图片">
                                <a href="javascript:;">
                                    <i></i>
                                    <span>文字文字文字文字文字文字文字文字文字</span>
                                </a>
                            </div>
                            <div class="b_1_bd_bd">
                                <span></span>
                                <span>主播的名字</span>
                                <span> 666</span>
                                <span>66</span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 主体第二部分 -->
            <div class="body_1">
                <div class="body_1_hd">
                    <a href="javascript:;">热门活动</a>
                    <div>
                        <ul>
                            <li>文字文字文字1</li>
                            <li>文字文字文字2</li>
                            <li>文字文字文字3</li>
                            <li>文字文字文字4</li>
                        </ul>
                    </div>
                </div>
                <div class="body_1_bd">
                    <ul>
                        <li>
                            <div class="b_1_bd_hd">
                                <img src="images/icons.png" alt="图片">
                                <a href="javascript:;">
                                    <i></i>
                                    <span>文字文字文字文字文字文字文字文字文字</span>
                                </a>
                            </div>
                            <div class="b_1_bd_bd">
                                <span></span>
                                <span>主播的名字</span>
                                <span> 666</span>
                                <span>66</span>
                            </div>
                        </li>
                        <li>
                            <div class="b_1_bd_hd">
                                <img src="images/index_bg-3f745e3d.jpg" alt="图片">
                                <a href="javascript:;">
                                    <i></i>
                                    <span>文字文字文字文字文字文字文字文字文字</span>
                                </a>
                            </div>
                            <div class="b_1_bd_bd">
                                <span></span>
                                <span>主播的名字</span>
                                <span> 666</span>
                                <span>66</span>
                            </div>
                        </li>
                        <li>
                            <ul class="b_1_bd_x">
                                <li>
                                    <img src="images/index_bg_m-ae660930.jpg" alt="图片">
                                    <i>文字文字文字文字文字</i>
                                </li>
                                <li>
                                    <img src="images/xiuxiuweb_20130531.jpg" alt="图片">
                                    <i>文字文字文字文字文字</i>
                                </li>
                                <li>
                                    <img src="images/xiuxiuweb_20130531.jpg" alt="图片">
                                    <i>文字文字文字文字文字</i>
                                </li>
                                <li>
                                    <img src="images/logo.png" alt="图片">
                                    <i>文字文字文字文字文字</i>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 主体第三部分 -->
            <div class="body_1">
                <div class="body_1_hd">
                    <a href="javascript:;">爱豆</a>
                </div>
                <div class="body_1_bd">
                    <ul>
                        <li>
                            <div class="b_1_bd_hd">
                                <img src="images/logo00.png" alt="图片">
                                <a href="javascript:;">
                                    <i></i>
                                    <span>文字文字文字文字文字文字文字文字文字</span>
                                </a>
                            </div>
                            <div class="b_1_bd_bd">
                                <span></span>
                                <span>主播的名字</span>
                                <span> 666</span>
                                <span>66</span>
                            </div>
                        </li>
                        <li>
                            <div class="b_1_bd_hd">
                                <img src="images/logo_sprites-d6d0b2f7.png" alt="图片">
                                <a href="javascript:;">
                                    <i></i>
                                    <span>文字文字文字文字文字文字文字文字文字</span>
                                </a>
                            </div>
                            <div class="b_1_bd_bd">
                                <span></span>
                                <span>主播的名字</span>
                                <span> 666</span>
                                <span>66</span>
                            </div>
                        </li>
                        <li>
                            <ul class="b_1_bd_x">
                                <li>
                                    <img src="images/team_img-4e8515b4.jpg" alt="图片">
                                    <i>文字文字文字文字文字</i>
                                </li>
                                <li>
                                    <img src="images/to_top-cf23b656.png" alt="图片">
                                    <i>文字文字文字文字文字</i>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 主体第四部分 -->
            <div class="body_1">
                <div class="body_1_hd">
                    <a href="javascript:;">高颜值</a>
                </div>
                <div class="body_1_bd">
                    <ul>
                        <li>
                            <div class="b_1_bd_hd">
                                <img src="images/meiyan_iphone_1.5.jpg" alt="图片">
                                <a href="javascript:;">
                                    <i></i>
                                    <span>文字文字文字文字文字文字文字文字文字</span>
                                </a>
                            </div>
                            <div class="b_1_bd_bd">
                                <span></span>
                                <span>主播的名字</span>
                                <span> 666</span>
                                <span>66</span>
                            </div>
                        </li>
                        <li>
                            <div class="b_1_bd_hd">
                                <img src="images/mtnn-a8ca2dee.jpg" alt="图片">
                                <a href="javascript:;">
                                    <i></i>
                                    <span>文字文字文字文字文字文字文字文字文字</span>
                                </a>
                            </div>
                            <div class="b_1_bd_bd">
                                <span></span>
                                <span>主播的名字</span>
                                <span> 666</span>
                                <span>66</span>
                            </div>
                        </li>
                        <li>
                            <ul class="b_1_bd_x">
                                <li>
                                    <img src="images/newbanner_02.jpg" alt="图片">
                                    <i>文字文字文字文字文字</i>
                                </li>
                                <li>
                                    <img src="images/newfavicon-35250648.png" alt="图片">
                                    <i>文字文字文字文字文字</i>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 主体第五部分 -->
            <div class="body_1">
                <div class="body_1_hd">
                    <a href="javascript:;">舞蹈</a>
                </div>
                <div class="body_1_bd">
                    <ul>
                        <li>
                            <div class="b_1_bd_hd">
                                <img src="images/newfunc_01.jpg" alt="图片">
                                <a href="javascript:;">
                                    <i></i>
                                    <span>文字文字文字文字文字文字文字文字文字</span>
                                </a>
                            </div>
                            <div class="b_1_bd_bd">
                                <span></span>
                                <span>主播的名字</span>
                                <span> 666</span>
                                <span>66</span>
                            </div>
                        </li>
                        <li>
                            <div class="b_1_bd_hd">
                                <img src="images/newfunc_02.jpg" alt="图片">
                                <a href="javascript:;">
                                    <i></i>
                                    <span>文字文字文字文字文字文字文字文字文字</span>
                                </a>
                            </div>
                            <div class="b_1_bd_bd">
                                <span></span>
                                <span>主播的名字</span>
                                <span> 666</span>
                                <span>66</span>
                            </div>
                        </li>
                        <li>
                            <ul class="b_1_bd_x">
                                <li>
                                    <img src="images/newfunc_03.jpg" alt="图片">
                                    <i>文字文字文字文字文字</i>
                                </li>
                                <li>
                                    <img src="images/newfunc_04.jpg" alt="图片">
                                    <i>文字文字文字文字文字</i>
                                </li>
                                <li>
                                    <img src="images/open_enhance5.jpg" alt="图片">
                                    <i>文字文字文字文字文字</i>
                                </li>
                                <li>
                                    <img src="images/play-61a7362b.png" alt="图片">
                                    <i>文字文字文字文字文字</i>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 尾部 -->
    <div class="w">
        <footer class="footer">
            <div class="footer_hd">
                <dl>
                    <dt>频道</dt>
                    <dd>
                        <a href="javascript:;">
                            热门
                        </a>
                    </dd>
                    <dd>
                        <a href="javascript:;">
                            直播
                        </a>
                    </dd>
                    <dd>
                        <a href="javascript:;">
                            搞笑
                        </a>
                    </dd>
                    <dd>
                        <a href="javascript:;">
                            爱豆
                        </a>
                    </dd>
                    <dd>
                        <a href="javascript:;">
                            高颜值
                        </a>
                    </dd>
                    <dd>
                        <a href="javascript:;">
                            舞蹈
                        </a>
                    </dd>
                    <dd>
                        <a href="javascript:;">
                            音乐
                        </a>
                    </dd>
                    <dd>
                        <a href="javascript:;">
                            美食
                        </a>
                    </dd>
                    <dd>
                        <a href="javascript:;">
                            美妆
                        </a>
                    </dd>
                    <dd>
                        <a href="javascript:;">
                            吃秀
                        </a>
                    </dd>
                    <dd>
                        <a href="javascript:;">
                            萌宠
                        </a>
                    </dd>
                    <dd>
                        <a href="javascript:;">
                            旅行
                        </a>
                    </dd>
                    <dd>
                        <a href="javascript:;">
                            手工
                        </a>
                    </dd>
                    <dd>
                        <a href="javascript:;">
                            游戏
                        </a>
                    </dd>
                    <dd>
                        <a href="javascript:;">
                            运动
                        </a>
                    </dd>
                    <dd>
                        <a href="javascript:;">
                            穿秀
                        </a>
                    </dd>
                </dl>
                <dl class="footer_d">
                    <dt>玩转美拍</dt>
                    <dd>
                        <a href="javascript:;">
                            下载美拍
                        </a>
                    </dd>
                    <dd>
                        <a href="javascript:;">
                            美拍小技巧
                        </a>
                    </dd>
                    <dd>
                        <a href="javascript:;">
                            玩转美拍
                        </a>
                    </dd>
                    <dd>
                        <a href="javascript:;">
                            美拍微博
                        </a>
                    </dd>
                    <dd>
                        <a href="javascript:;">
                            官方微信
                        </a>
                    </dd>
                </dl>
                <dl class="footer_d">
                    <dt>支持</dt>
                    <dd>
                        <a href="javascript:;">
                            意见反馈
                        </a>
                    </dd>
                    <dd>
                        <a href="javascript:;">
                            用户协议
                        </a>
                    </dd>
                    <dd>
                        <a href="javascript:;">
                            社区管理规则
                        </a>
                    </dd>
                    <dd>
                        <a href="javascript:;">
                            美拍投诉流程
                        </a>
                    </dd>
                    <dd>
                        <a href="javascript:;">
                            金币充值服务协议
                        </a>
                    </dd>
                    <dd>
                        <a href="javascript:;">
                            寻找达人合作
                        </a>
                    </dd>
                    <dd>
                        <a href="javascript:;">
                            鹭岛反网络诈骗联盟
                        </a>
                    </dd>
                    <dd>
                        <a href="javascript:;">
                            个人信息保护政策
                        </a>
                    </dd>
                </dl>
                <dl class="footer_d">
                    <dt>美图产品</dt>
                    <dd>
                        <a href="javascript:;">
                            美图魔镜
                        </a>
                    </dd>
                    <dd>
                        <a href="javascript:;">
                            美图手机
                        </a>
                    </dd>
                    <dd>
                        <a href="javascript:;">
                            美图秀秀
                        </a>
                    </dd>
                    <dd>
                        <a href="javascript:;">
                            美颜相机
                        </a>
                    </dd>
                    <dd>
                        <a href="javascript:;">
                            美美小店
                        </a>
                    </dd>
                    <dd>
                        <a href="javascript:;">
                            美图AI开放平台
                        </a>
                    </dd>
                    <dd>
                        <a href="javascript:;">
                            更多
                        </a>
                    </dd>
                </dl>
                <dl class="footer_d">
                    <dt>关于美图</dt>
                    <dd>
                        <a href="javascript:;">
                            公司介绍
                        </a>
                    </dd>
                    <dd>
                        <a href="javascript:;">
                            联系方式
                        </a>
                    </dd>
                    <dd>
                        <a href="javascript:;">
                            美图招聘
                        </a>
                    </dd>
                    <dd>
                        <a href="javascript:;">
                            广告服务
                        </a>
                    </dd>
                </dl>
            </div>
            <div class="footer_bd">
                <div>
                    <div>
                        <a href="javascript:;">闽公网安备：35020302000426号</a>
                        <a href="javascript:;">网络文化经营许可证 闽网文 [2019] 4097-251号</a>
                        <span>闽ICP备16016710号</span>
                    </div>
                    <div>
                        <span>违法和不良信息举报电话：4000093360转3（客服在线时间：9:00-21:00） 举报邮箱：jubao365@meitu.com 网上有害信息举报专区：</span>
                        <a href="javascript:;">www.12377.cn</a>
                    </div>
                    <span>厦门鸿天创视科技有限公司 联系地址：厦门火炬高新区软件园华讯楼C区B1F-055 客服电话：4000093360（客服在线时间：9:00-21:00）</span>
                </div>
            </div>
        </footer>
    </div>
    <!-- 右边的2个小盒子 -->
    <div class="right_1">
        <!-- 暂无 -->
    </div>
    <div class="right_2">
        <div class="right_2_hd">
            <a href="javascript:;">排行榜</a>
        </div>
        <div class="right_2_bd">
            <ol>
                <li>
                    <div class="r_2_bd_l">
                        <img src="images/focus.jpg" alt="图片">
                    </div>
                    <div class="r_2_bd_r">
                        <span>文字文字文字文字文字文字</span>
                        <p>主播的名字</p>
                        <span>999</span><span>99</span>
                    </div>
                </li>
                <li>
                    <div class="r_2_bd_l">
                        <img src="images/focus.jpg" alt="图片">
                    </div>
                    <div class="r_2_bd_r">
                        <span>文字文字文字文字文字文字</span>
                        <p>主播的名字</p>
                        <span>999</span><span>99</span>
                    </div>
                </li>
                <li>
                    <div class="r_2_bd_l">
                        <img src="images/focus.jpg" alt="图片">
                    </div>
                    <div class="r_2_bd_r">
                        <span>文字文字文字文字文字文字</span>
                        <p>主播的名字</p>
                        <span>999</span><span>99</span>
                    </div>
                </li>
                <li>
                    <div class="r_2_bd_l">
                        <img src="images/focus.jpg" alt="图片">
                    </div>
                    <div class="r_2_bd_r">
                        <span>文字文字文字文字文字文字</span>
                        <p>主播的名字</p>
                        <span>999</span><span>99</span>
                    </div>
                </li>
                <li>
                    <div class="r_2_bd_l">
                        <img src="images/focus.jpg" alt="图片">
                    </div>
                    <div class="r_2_bd_r">
                        <span>文字文字文字文字文字文字</span>
                        <p>主播的名字</p>
                        <span>999</span><span>99</span>
                    </div>
                </li>
                <li>
                    <a href="javascritp:;">查看完整榜单></a>
                </li>
            </ol>
        </div>
    </div>
    <script src="js/meiPai.index.js"></script>
</body>

</html>